// ajax请求
function ajax(url, el) {
  let id = getQueryString("id");
  let container = document.querySelector(".container");
  fetch(`http://chst.vip:1234/api/getproduct?productid=${id}`)
    .then((body) => body.json())
    .then((res) => {
      res.result.forEach((item) => {
        let li = _c("li");
        el = `<div id='${item.categoryId}'>
            ${item.productImg}
            <h4>${item.productName}</h4>
            </div>`;
        li.innerHTML = el;
        container.appendChild(li);
        ajax2(li);
      });
    });
}
// 第二个ajax请求
function ajax2(li, el) {
  let id = $(li).find("div").attr("id");
  // console.log(id)
  fetch(`http://chst.vip:1234/api/getproductcom?productid=${id}`)
    .then((body) => body.json())
    .then((res) => {
      res.result.forEach((item) => {
        let div = _c("div");
        el = `<div>
                <h4>网友评价</h4>
            <span>${item.comName}</span>
            <span>${item.comTime}</span>
            <p>${item.comContent}</p>
            <i>${item.comFrom}</i>
            </div>`;
        div.innerHTML = el;
        li.appendChild(div);
        // li.setAttribute('id',item.brandTitleId)
        // setQueryString(li)
      });
    });
}

ajax();

// 获取URL的queryString参数
function getQueryString(params) {
  let url = location.href;
  let reg = /(?<=\?).*/;
  let r = url.match(reg);
  // console.log(r)
  if (!r) {
    console.error("没有匹配到url参数");
    return;
  } else {
    r = decodeURI(r[0]);
    // console.log(r)
    if (params) {
      let result = r.indexOf(params);
      if (result === -1) {
        return null;
      }
      let queryArr = r.split("&");
      let obj = {};
      queryArr.forEach((item) => {
        let itemArr = item.split("=");
        obj[itemArr[0]] = itemArr[1];
      });
      return obj[params];
    } else {
      return null;
    }
  }
}
